.home {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--bg-primary);
  .BottomBar {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 10;
  }
  // .Tabbar {
  // position: absolute;
  // left: 0;
  // top: 0;
  // z-index: 10;
  // }
  .video {
    width: 100%;
  }
  .pause {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(2.5);
    font-size: 50px;
    color: var(--word-primary);
    opacity: 0.2;
    visibility: hidden;
    &.active {
      visibility: visible;
      transition: transform 0.2s;
      transform: translate3d(-50%, -50%, 0) scale(2);
    }
  }
  .video-list-box {
    position: relative;
    .scroll-class {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }
  }
  .video-list {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    .item {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      background: #000;
    }
  }
}
